﻿@{
    Layout = null;
}
@*二维码*@

<style>
    .f-main{
        padding: 0 45px 45px 45px;
    }
    .f-title{
        padding: 35px 0;
        margin: 0;
        display: inline-block;
        font-size: 20px;
        width: 600px;
    }
    .f-true,.f-false {
        padding: 20px;
        background-color: #f9f7fa;
        margin-top: 35px;
        vertical-align: middle;
    }
    .f-true-left{
        display:inline-block;
        font-size: 14px;
        margin: 0;
        line-height: 36px;
        margin-right: 20px;
    }
    .f-true-right{
        display:inline-block;
    }
    .f-refeed-label{
        cursor:pointer;
    }
    .f-ui-refeed-radio {
        display: inline-block;
        width: 16px;
        height: 16px;
    }
    .f-label{
        margin-left: 10px;
        font-size: 14px;
        margin-right: 20px;
    }
    .f-refeed-submitBtn {
        height: 36px;
        width: 80px;
        background-color: #fff;
        border-radius: 36px;
        border: 1px solid #e6e9ee;
        cursor: pointer;
        color: #666;
    }
    .f-refeed-submitBtn:hover {
        background-color: #2f82ff;
        color: #fff;
    }
    .f-flag{
        color: red;
    }
    .fk-articleShareWrap{
        float: right;
        padding-top: 29px;
        vertical-align: middle;
    }
    .f-field{
        height: 34px;
        line-height: 34px;
        padding-right: 10px;
        font-size: 14px;
    }
    .f-sItem{
        width: 34px;
        height: 34px;
        border-radius: 50%;
        margin-right: 10px;
        display: inline-block;
        vertical-align: middle;
    }
    .f-wx {
        background-image: url("Content/ErWeiMaImgs/home_ico.png");
        background-repeat: no-repeat;
        background-position: -295px -1361px;
    }
    .f-sina {
        background-image: url("Content/ErWeiMaImgs/home_ico.png");
        background-repeat: no-repeat;
        background-position: -341px -1362px;
    }
    .f-qq {
        background-image: url("Content/ErWeiMaImgs/home_ico.png");
        background-repeat: no-repeat;
        background-position: -381px -1362px;
    }
</style>
<div>
    <div class="f-main">
        <div class="f-head">
            <h1 class="f-title">如何找到公众号二维码</h1>
            <div class="f-shareWrap fk-articleShareWrap">
                <div class="bdsharebuttonbox f-bd-share bdshare-button-style0-16" style="display:none;" data-bd-bind="1513775453826">
                    <span class="f-field">分享到:</span>
                    <a href="#" class="bds_weixin f-sItem f-wx" data-cmd="weixin" title="分享到微信"></a>
                    <a href="#" class="bds_tsina f-sItem f-sina" data-cmd="tsina" title="分享到新浪微博"></a>
                    <a href="#" class="bds_qzone f-sItem f-qq" data-cmd="qzone" title="分享到QQ空间"></a>
                </div>
            </div>
        </div>
        <div class="f-step">
            <p>
                <span style="line-height:21px;">一.登录微信公众平台</span>
            </p>
            <p>
                <img src="http://d1.faidns.com/2/AAEIABACGAAgmYb_qwUo6vvINDD2BDiQAw.jpg" alt="Alternate Text" />
            </p>
            <p>
                <span style="line-height:21px;">二.查看公众号信息。</span>
            </p>
            <p>
                <img src="http://d1.faidns.com/2/AAEIABACGAAgoIb_qwUoup7b4QIw9gQ4kAM.jpg" data-bd-imgshare-binded="1">
            </p>
            <p>
                <span style="line-height:21px;">三.点击下载更多尺寸。</span>
            </p>
            <p>
                <img src="http://d1.faidns.com/2/AAEIABACGAAgp4b_qwUozPOZ7AMw9gQ4kAM.jpg" data-bd-imgshare-binded="1">
            </p>
            <p>
                <span style="line-height:21px;">四.下载二维码。</span>
            </p>
            <p>
                <img src="http://d1.faidns.com/2/AAEIABACGAAgrYb_qwUom5yQ8AEw9gQ4kAM.jpg" data-bd-imgshare-binded="1">
            </p>
        </div>
        <div class="f-footer">
            <div class="f-true" style="display: block;">
                <h3 class="f-true-left">以上信息是否解决你的问题？</h3>
                <div class="f-true-right">
                    <label class="f-refeed-label f-label" id="yes" for="fixQuesion">
                        <input class="f-refeed-radio" id="fixQuesion" name="fixQuestion" type="radio">&nbsp;是
                    </label>
                    <label class="f-refeed-label f-label" id="no" for="unFixQuesion">
                        <input class="f-refeed-radio" id="unFixQuesion" name="fixQuestion" type="radio">&nbsp;否
                    </label>

                    <select class="f-refeed-noReason" name="noReason" id="noReason" style="display: none;">
                        <option value="0">请选择原因...</option>
                        <option value="1000124">描述不清晰</option>
                        <option value="1000125">操作后未能解决问题</option>
                        <option value="1000126">内容不正确</option>
                        <option value="1000127">对产品功能不满意</option>
                        <option value="1000128">其他</option>
                    </select>
                    <input class="f-refeed-submitBtn" value="提交" type="submit">
                </div>
            </div>
            <div class="f-false" style="display: none;">
                <div class="f-flag">提交成功！</div>
                <div>非常感谢您的评价，我们将会在今后的工作中不断完善！</div>
            </div>
        </div>
    </div>
</div>
<script>
    $("input[type=submit]").click(function () {
        $(".f-true").hide();
        $(".f-false").show()
    })
    $("#yes").click(function () {
        $("#noReason").hide()
    })
    $("#no").click(function () {
        $("#noReason").show()
    })
</script>